var flag=false;
var flag1=false;
var imgData=[
        {id:1,src:'../../img/case/20160905041008921.jpg',title:'美林基业',content:'平台画册设计 策划 高端画册设计 品牌画册设计公司',sever:1,industr:1},
	    {id:2,src:'../../img/case/20160902054759225.jpg',title:'天誉置业',content:'房地产楼书 地产画册设计 专业画册设计公司',sever:1,industr:1},
		{id:3,src:'../../img/case/20170705034638536.jpg',title:'SAMSUNG LED ',content:'节能 · 环保 ·LED画册设计 ',sever:1,industr:4},
		{id:4,src:'../../img/case/20160831024930224.jpg',title:'广州银行',content:'银行 政府 事业机构 宣传资料设计印刷',sever:2,industr:3},
		{id:5,src:'../../img/case/20160903111114430.jpg',title:'广州市市政职业学校',content:'学校 培训 教学 画册设计 画册设计公司',sever:1,industr:2},
		{id:6,src:'../../img/case/20160902103956861.jpg',title:'宏远集团',content:'大道之行 至宏致远',sever:4,industr:5},
		{id:7,src:'../../img/case/20170705034324319.jpg',title:'富土山奇',content:'保健品 护肤品 保健药品 保健食品 包装设计公司',sever:3,industr:5},
		{id:8,src:'../../img/case/20170705034549692.jpg',title:'大唐公主包装',content:'中国高端快消品专家',sever:4,industr:5},
		{id:9,src:'../../img/case/20170705032829833.jpg',title:'纸巾用品',content:'纸巾 卫生巾 湿巾 纸尿裤 包装设计专业包装设计公司',sever:3,industr:5},
		{id:10,src:'../../img/case/20161220115054965.jpg',title:'因心卫生巾',content:'巾彩随行',sever:4,industr:5},
		{id:11,src:'../../img/case/20160905103022220.jpg',title:'利口福、广州酒家包装设计',content:'糖果 饼干 食品 饮料 蛋糕 面包 食品包装设计 公司',sever:3,industr:6},
		{id:12,src:'../../img/case/20160804030442564.jpg',title:'和昌隆海鲜',content:'海鲜产品 农产品 特产 包装设计 专业包装设计公司',sever:2,industr:6},
		{id:13,src:'../../img/case/20160803093024306.jpg',title:'皇庭壹号公馆',content:'家具画册 家居用品画册 vi设计',sever:1,industr:1},
		{id:14,src:'../../img/case/20170705034617875.jpg',title:'瓦茨曼汽车零部件',content:'汽车配件 五金用品包装设计 画册设计公司',sever:2,industr:4},
		{id:15,src:'../../img/case/20160902063442420.jpg',title:'广东省农业科学院',content:'农产品包装设计 农产品包装设计公司',sever:1,industr:2},
		{id:16,src:'../../img/case/20170705034523668.jpg',title:'黛安芬Triumph',content:'内衣包装 卫生巾包装设计 纸巾包装设计公司',sever:2,industr:5},
		{id:17,src:'../../img/case/20160805071913487.jpg',title:'携创',content:'文具 礼品 包装设计 包装设计公司',sever:3,industr:4},
		{id:18,src:'../../img/case/20160910083206576.jpg',title:'纸尿裤包装设计',content:'婴儿 纸尿裤包装设计 尿片 baby纸尿裤包装设计公司',sever:2,industr:5},
		{id:19,src:'../../img/case/20160913083955607.jpg',title:'臻美生物科技',content:'化妆品 美容产品 美发产品包装设计公司 生物科技',sever:2,industr:4},
		{id:20,src:'../../img/case/20160912113425663.jpg',title:'包装设计',content:'酒包装 食品包装 糖水 饮料 茶水包装 专业包装设计',sever:3,industr:6},
		{id:21,src:'../../img/case/20160912052320816.jpg',title:'洛可可',content:'装饰 建材 样板 画册设计 企业画册设计',sever:1,industr:4},
		{id:22,src:'../../img/case/20160802104933879.jpg',title:'广州产品包装设计',content:'日用品、药品 保健品包装设计',sever:3,industr:5},
		{id:23,src:'../../img/case/20170522111305878.jpg',title:'爱兜（IDOL）内衣包装设计',content:'内衣包装设计 服装包装设计 画册设计',sever:3,industr:5},
		{id:24,src:'../../img/case/20161227115957628.jpg',title:'广州市必益贸易有限公司',content:'名优汇聚 精诚服务(画册设计 专业画册设计公司)',sever:1,industr:6},
		{id:25,src:'../../img/case/20161220033511298.jpg',title:'广州雅莉卡医疗科技有限公司',content:'医疗画册设计 仪器 化工 产品画册设计公司',sever:1,industr:4},
		{id:26,src:'../../img/case/20161220025741247.jpg',title:'苏州矩道汽车科技有限公司',content:'机械 仪器 电子 画册设计 产品画册设计',sever:1,industr:4},
		{id:27,src:'../../img/case/20160910113517135.jpg',title:'奥兰电钢琴',content:'企业画册设计 电子画册设计 科技画册设计',sever:1,industr:2},
		{id:28,src:'../../img/case/20160910094119948.jpg',title:'广州企业画册设计',content:'广州画册设计 企业画册设计 产品画册设计公司',sever:1,industr:6},
		{id:29,src:'../../img/case/20160910090357927.jpg',title:'广州画册设计',content:'广州企业画册设计 互联网画册设计 智能科技画册设计',sever:1,industr:1},
		{id:30,src:'../../img/case/20160926015332932.jpg',title:'亮升',content:'意大利韵姿',sever:5,industr:0},
		{id:31,src:'../../img/case/20160926025026938.jpg',title:'长庚实业',content:'AETUS',sever:5,industr:0},
		{id:32,src:'../../img/case/20160926015825471.jpg',title:'盛世集团',content:'法姿纯 颈无痕·颈部抗衰第一品牌',sever:5,industr:0},
		{id:33,src:'../../img/case/20160926020839814.jpg',title:'美人邦',content:'美人邦·医美汇',sever:5,industr:0},
		{id:34,src:'../../img/case/20160926023724774.jpg',title:'扬子空调',content:'展览设计',sever:5,industr:0},
  	   
 ];
//循环写入图片
switch(GetQueryString('id')){
	case '1':
		$('.case-1 span')[0].innerHTML='画册&amp;平面物料';
        checksever(1);
	break;
	case '2':
	    $('.case-1 span')[0].innerHTML='LOGO&amp;VI设计';
        checksever(2);	
	break;
	case '3':
	    $('.case-1 span')[0].innerHTML='包装设计';
		checksever(3);
	break;
	case '4':
	    $('.case-1 span')[0].innerHTML='卫生&amp;母婴包装设计';
        checksever(4);
	break;
	case '5':
	    $('.case-1 span')[0].innerHTML='展览设计';
        checksever(5);	
	break;
	
	default:
	if(pageName()=='case-index-1'){
        for(var i=0;i<20;i++){
           iDate(i);  
        }
    }else if(pageName()=='case-index-2'){
	    for(var i=21;i<imgData.length;i++){ 
           iDate(i);  
	    }	
    };
}
$('.case-main .case-1').on('click', function() {
	if(flag) {
		flag = false;
		$(this).children("ul").css('display','none');
		$(this).children("ul").animate({'height':'0px'},240);		
	} else {
		flag = true;
		flag1 = false;
		$('.case-main .case-child-list ul').css({'display':'none','height':'0px'});
		$(this).children("ul").animate({'height':'170px'},240);		
		$(this).children("ul").css({'display':'block'});
	}	
})
$('.case-main .case-2').on('click', function() {
	if(flag1) {
		flag1 = false;
		$('.case-main .case-child-list ul').css({'display':'none','height':'0px'});
		$(this).children("ul").css('display','none');
		$(this).children("ul").animate({'height':'0px'},240);		
		
	} else {
		flag1 = true;
		$('.case-main .case-child-list ul').css('display','none');
		flag = false;
		$(this).children("ul").animate({'height':'200px'},240);
		$(this).children("ul").css('display', 'block');
	}
	
})

$('.case-main .case-2 li').on('click',function(){
	$('.case-content')[0].innerHTML=null;
    for(var i=0;i<imgData.length;i++){   
	    if(this.value==imgData[i].industr){
		iDate(i);		
	   }
    }	
    $('.case-page')[0].innerHTML=null;
	$('.case-1 span')[0].innerHTML='服务分类';
    $('.case-2 span')[0].innerHTML=this.innerHTML;
    $('.case-2').addClass('case-on').siblings().removeClass('case-on');      
})
function checksever(k){
	$('.case-page')[0].innerHTML=null;
    $('.case-1').addClass('case-on').siblings().removeClass('case-on');
	for(var i=0;i<imgData.length;i++){   
	    if(imgData[i].sever==k){	  
	        iDate(i);	   
	    }
    }
}
//在.case-content中增加一个a标签
function iDate(i){
	var newr=document.createElement('a');	
        newr.href='case-'+imgData[i].id+'.html';
        newr.innerHTML='<div class="case-child"><img class="case-child-img"src="'+
        imgData[i].src+'">'+ '<div class="case-child-hide"><div class="case-child-tag">' +
	    '<p>ALBUM</p><p>DESIGN</p><div class="case-child-sub"></div></div>'+
	'<div class="case-child-content"><p class="case-title">'+
	imgData[i].title+'</p><p class="case-info">'+imgData[i].content+'</p></div>'+
	'<img class="case-child-pointer" src="../../img/case/hidePointer.png"></div></div>'
    $('.case-content')[0].appendChild(newr);     
}
//获取页面名
function pageName()
{
    var a = location.href;
    var b = a.split("/");
    var c = b.slice(b.length-1, b.length).toString(String).split(".");
    return c.slice(0, 1);
}
//获取地址传参函数
function GetQueryString(name) { 
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); 
  var r = window.location.search.substr(1).match(reg); 
  if (r != null) {  
    return unescape(r[2]); 
  } 
  return null; 
}